<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" content="">
		<title>core - selection.transition()</title>
		<script type="text/javascript" src="../../d3.js"></script>
	</head>
	<body>
	<svg></svg>
		<script type="text/javascript">
			d3.select('svg').append('circle')
				.attr({
					cx: 100, cy: 100, r: 40,
					fill: 'orange'
				});
				
			//开启动画，并设置动画结束时填充色为blue
			d3.select('svg').select('circle')
				.transition()	
				.attr("fill", "blue");
		</script>
	</body>
</html>